<!--树形菜单引入模板-->
<template>
  <!--
    1、可以添加 show-checkbox 显示checkbox，默认不显示checkbox
    2、参数 columns 和 rows 是必选项，没有数据就给个空数组
  -->
  <!--<v-TreeMenu :columns='columns' :rows='rows' show-checkbox></v-TreeMenu>-->
  <v-TreeMenu :columns='columns' :rows='rows'></v-TreeMenu>
</template>
<script>
//  需要导入的路径
import VTreeMenu from '../../components/VTreeMenu/VTreeMenu'
export default {
  components: {
    VTreeMenu
  },
  data () {
    return {
      columns: [
        {
          label: '名称',
          name: 'name',
          index: 'department-name'
        },
        {
          label: '状态',
          name: 'sex',
          index: 'department-sex',
          width: '200px'
        },
        {
          label: '简介',
          name: 'display',
          index: 'department-display',
          width: '500px'
        }
      ],
      rows: [
        {
          id: 1,
          index: '1',
          name: '第一级',
          sex: 'false',
          display: 'fkfjkfjkk',
          children: [
            {
              id: 2,
              index: '2',
              name: '第二级',
              sex: 'false',
              display: 'ghhg',
              children: [
                {
                  id: 3,
                  index: '3',
                  name: '第三级1',
                  sex: 'true',
                  display: 'fhghgg'
                },
                {
                  id: 3.1,
                  index: '3',
                  name: '第一级2',
                  sex: 'true',
                  display: 'sfdgfg'
                }
              ]
            }
          ]
        }
      ]
    }
  }
}
</script>
